<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title>登陆案例01</title>
		<link rel="stylesheet" type="text/css" href="../awesome/css/font-awesome.css" />
		<link rel="stylesheet" type="text/css" href="../css/reset.css" />
		<link rel="stylesheet" type="text/css" href="../css/main.css" />
	</head>

	<body>
		<!--弹性盒子-->
		<div id="bg">
			<!--弹性子元素-->
			<div id="d1">
				<div id="head">
					<span>登</span><span>陆</span>
				</div>
			</div>
			<div id="d2">
				<div id="userinfo">
					<!--表单 method(提交方式 get [在地址 栏上面直接显示 ] | post[流的方式传递 加密]) action（提交地址 ） enctype(编码格式)-->
					<form method="post" action="/login">
						<div id="">
							<i class="fa fa-user fa-lg"></i>
							<input type="text" placeholder="请输入您的帐号、手机号" />
						</div>
						<div id="">
							<i class="fa fa-user fa-lg"></i>
							<input type="password" placeholder="请输入您的密码" />
						</div>
					</form>
				</div>
				<div id="loginBtn">
					<button class="greenBtn">登陆</button>
				</div>
				<div id="regBtn">
					<!--
						javascript : 基于对象[html 元素]的事件驱动的脚本语言
					1 ： 找对象
					1.1  找到方法承载体，事件
					2 : 找被调用对象
					
					3 : 想做什么
					-->

					<button class="greenBtn button4" onclick="forwardPage()">注册</button>
				</div>
			</div>
			<div id="d3">
				<div id="main">
					<div>
						<i class="fa fa-home fa-2x"></i>
					</div>
					<div id="mainText">
						首页
					</div>
				</div>
				<div id="discovery">
					<div>
						<i class="fa fa-eye fa-2x"></i>
					</div>
					<div style="text-align: center;">
						发现
					</div>
				</div>
				<div id="order">
					<div>
						<i class="fa fa-shopping-bag fa-2x"></i>
					</div>
					<div style="text-align: center;">
						订单
					</div>
				</div>
				<div id="myself">
					<div>
						<i class="fa fa-user fa-2x"></i>
					</div>
					<div style="text-align: center;">
						我的
					</div>
				</div>
			</div>
		</div>
		<script>
			function forwardPage(){
				// ./当前文件夹 ../ 向上一级  ../../
				window.location.href = "./register.html";
			}
		</script>
	</body>

</html>